<template>
  <div id="app">
    <h1>.native修饰符</h1>
    <div @click="onParentClick">父组件里的div</div>
    <Child @click.native="onChildClick" />
  </div>
</template>

<script>
import Child from './Child';
export default {
  components: {
    Child,
  },
  methods: {
    onParentClick() {
      console.log('parent clicked!');
    },
    onChildClick() {
      console.log('child clicked');
    }
  }
};
</script>

<style>
#app {
  text-align: center;
}
</style>
